<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="renderer" content="webkit" />
		<title>添加评审专家</title>
		<!--[if lt IE 9]>
			<meta http-equiv="refresh" content="0;ie.html" />
		<![endif]-->
		<link href="../css/bootstrap.min.css" rel="stylesheet" />
		<link href="../iconfont/iconfont.css" rel="stylesheet" />
		<link href="../css/style.css" rel="stylesheet" />
		<link href="../css/cross.css" rel="stylesheet" />
		<link href="../css/change.css" rel="stylesheet" />
	</head>

	<body class="gray-bg body-con">
		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="table-con mh-con-110">
				<h2 class="add-experts">添加评审专家</h2>
				<div class="add-experts-con">
					<div>
						<span class="experts-tit">专家姓名</span>
						<input type="text" placeholder="请输入姓名（必填）" />
					</div>
					<div>
						<span class="experts-tit" class="experts-tit">性别</span>
						<ul class="radio-con experts-sex">
							<li><i class="radios"></i>男</li>
							<li><i class="radios"></i>女</li>
						</ul>
					</div>
					<div>
						<span class="experts-tit">手机号</span>
						<input type="text" placeholder="手机号将作为登录帐号（必填）" />
					</div>
					<div class="islink">
						<span class="experts-tit">所属医院</span>
						<input type="text" placeholder="请选择所属医院" readonly/>
						<i class="iconfont icon-xiangyou"></i>
					</div>
					<!-- <div>
						<span class="experts-tit">关联机构</span>
						<div class="ex-hos-con">
							<span>福建医科大学附属第一医院<i class="iconfont icon-guanbi"></i></span>
							<span>福建医科大学附属第一医院<i class="iconfont icon-guanbi"></i></span>
							<span>福建医科大学附属第一医院<i class="iconfont icon-guanbi"></i></span>
							<span class="add-org"><i class="iconfont icon-tianjia"></i>添加关联机构</span>
							<p class="psw-p">帐号创建成功后初始密码为 admin666888</p>
						</div>
					</div> -->
				</div>
				<div class="add-experts-btn">
					<a class="btn-bg-blue" href="javascript:;">添加</a>
				</div>
			</div>
			
			<!-- tip窗 -->
			<div class="mask c-hide" id="tip">
				<p class="mask-tip"><i class="iconfont icon-tishi"></i>很抱歉！最多只能添加 5 家机构</p>
			</div>
			<!-- 添加机构 -->
			<div class="mask c-hide" id="org_mask">
				<div class="msg-mask">
					<h5>添加医院<i class="iconfont icon-guanbi" id="close"></i></h5>
					<div class="mask-org clearfix">
						<ul class="mask-org-left">
							<li class="curr">福州</li>
							<li>厦门</li>
							<li>泉州</li>
							<li>三明</li>
							<li>莆田</li>
							<li>宁德</li>
							<li>漳州</li>
						</ul>
						<ul class="mask-org-right">
							<li><i class="check"></i><p>福建医科大学附属第一医院</p></li>
							<li><i class="check"></i><p>福建省立医院</p></li>
							<li><i class="check"></i><p>福建医科大学附属第一医院</p></li>
							<li><i class="check"></i><p>福建医科大学附属第一医院</p></li>
							<li><i class="check"></i><p>福建医科大学附属第一医院</p></li>
							<li><i class="check"></i><p>福建医科大学附属第一医院</p></li>
						</ul>
					</div>
					<div class="mask-org-btn">
						<a class="btn-bg-gray m-r" href="javascript:;" id="cancel">取消</a>
						<a class="btn-bg-blue" href="javascript:;" id="sure">保存</a>
					</div>
				</div>
			</div>
		</div>
		<!-- 全局js -->
		<script src="../js/jquery.min.js?v=2.1.4"></script>
		<script src="../js/bootstrap.min.js?v=3.3.7"></script>
		<!-- <script src="../js/layer/layer.min.js"></script> -->

		<!-- 自定义js -->
		<script src="../js/content.js"></script>
	</body>
	<script type="text/javascript">
		$(function() {
			$('.mask-org-right li').on('click', function() {
				$(this).children('.check').toggleClass('checked')
				$(this).siblings().children('.check').removeClass('checked')
			})
			// 打开添加机构
			$('.islink input').on('click', function() {
				$('#org_mask').removeClass('c-hide')
			})
			// 关闭添加机构
			$('#close,#cancel').on('click', function() {
				$('#org_mask').addClass('c-hide')
			})
			
			$('.radio-con li').on('click', function() {
				$(this).children('i').addClass('radios-ed')
				$(this).siblings().children('i').removeClass('radios-ed')
			})
			// 保存打开弹窗
			$('#sure').on('click', function() {
				$('#org_mask').addClass('c-hide')
				$('#tip').removeClass('c-hide')
				var timer = setInterval (function () {
					$('#tip').addClass('c-hide')
					window.clearTimeout(timer)
				}, 3000);
			})
			// 选择地区
			$('.mask-org-left li').on('click', function() {
				$(this).addClass('curr').siblings().removeClass('curr')
			})
		})
	</script>
</html>
